/* new  web and scroll banner*/
.slides{ position:relative; z-index:0;}
.slides li{ height:480px;display: none}
.flex-control-nav{ position:absolute; bottom:10px; z-index:2; width:100%; text-align:center;}
.flex-control-nav li{ display:inline-block; width:30px; height:6px; margin:0 5px; *display:inline; zoom:1;}
.flex-control-nav a{ display:inline-block; width:30px; height:6px; line-height:40px; overflow:hidden; background: #fff; opacity: 0.6; filter:alpha(opacity=60);  cursor:pointer;}
.flex-control-nav .flex-active{ background: #fff; opacity: 1; filter:alpha(opacity=100);}
.flex-direction-nav{ position:absolute; z-index:3; width:100%; top:45%;}
.flex-direction-nav li a{ display:block; width:50px; height:50px; overflow:hidden; cursor:pointer; position:absolute;}
.flex-direction-nav li a.flex-prev{ left:0px; background:url(../images/banner/bannerarrow.png) -25px -27px no-repeat;}
.flex-direction-nav li a.flex-next{ right:0px; background:url(../images/banner/bannerarrow.png) -125px -27px no-repeat;}
.flex-direction-nav li a.flex-prev:hover{ background-position: -25px -127px;}
.flex-direction-nav li a.flex-next:hover{ background-position: -125px -127px;}
.flexslider .set-a { display: inline-block; width: 100%; height: 100%;}

/*乐刚云*/
.legangyunLamp{background:url(../images/banner/legangyunlamp.png) no-repeat center;width: 100%;height:480px;background-position: -90px -15px;}
.legangyunText{position: absolute; left: 50%;top:61%;border:1px #dba70e solid;padding:3px 20px;border-radius: 5px;color:#dba70e;margin-left:-384px;font-size: 18px;}
/*.legangyunText:hover{background-color:#dba70e;color:#080520; }*/


/*双推*/
.stfw2019circle{width:240px;height:240px;background: url(../images/banner/stfw2019c.png) no-repeat;left:50%;top:2px;margin-left:115px; }
.stfw2019Logo{width:160px;height:183px;background: url(../images/banner/stfw2019logoHand.png) no-repeat;left:50%;top:97px;margin-left:210px;}
.autoCircleimgSlow{animation: rotation 10s linear infinite;-webkit-animation: rotation 10s linear infinite;-moz-animation: rotation 10s linear infinite;-ms-animation: rotation 10s linear infinite;}


/*制造示范平台*/
.zzsfptup{width: 335px;height: 400px;background: url(../images/banner/zzsfptup.png?v=1) no-repeat;left:60%;top:10px;}
.zzsfptdown{width: 335px;height: 400px;background: url(../images/banner/zzsfptdown.png?v=1) no-repeat;left:60%;top:10px;}

/*search-Immortal*/
.immortal-circle{right:160px;top:146px;width:126px;height:72px;background:url(../images/banner/search-ImCircle.png?v=1);-webkit-animation:icircle 1.2s steps(8) infinite;animation:icircle 1.2s steps(8) infinite;}

  @-webkit-keyframes icircle{
  	0% {background-position:0px 0;opacity: 0.8}
  100% {background-position:0px -800%;opacity: 1}
  }
  @keyframes icircle{
  	0% {background-position:0px 0;opacity: 0.8}
  100% {background-position:0px -800%;opacity: 1}
  }
	


@keyframes breath {
  0% {opacity: .2}
  70% {opacity: 1}
  to {opacity: .2}
}

@-webkit-keyframes breath {
  0% {opacity: .2}
  70% {opacity: 1}
  to {opacity: .2}
}

@keyframes rotation{
	from {transform: rotate(0deg);}
	to {transform: rotate(360deg);}
}
@-webkit-keyframes rotation{
	from {-webkit-transform: rotate(0deg);}
	to {-webkit-transform: rotate(360deg);}
}


@keyframes sfup{
	0%{
		transform:translateY(10%);opacity:0.5		
	}
	33%{
		transform:translateY(-5%);opacity:1

	}
	66%{
		transform:translateY(0%);opacity:1

	}
	100%{
		transform:translateY(5%);opacity:0.5
	}
}

@-webkit-keyframes sfup{
	0%{
		transform:translateY(10%);opacity:0.5		
	}
	33%{
		transform:translateY(-5%);opacity:1

	}
	66%{
		transform:translateY(0%);opacity:1

	}
	100%{
		transform:translateY(5%);opacity:0.5
	}
}

@keyframes sfdown{
	0%{
		transform:translateY(-10%);opacity:0.5		
	}
	33%{
		transform:translateY(5%);opacity:1

	}
	66%{
		transform:translateY(0%);opacity:1

	}
	100%{
		transform:translateY(-5%);opacity:0.5
	}
}

@-webkit-keyframes sfdown{
	0%{
		transform:translateY(-10%);opacity:0.5		
	}
	33%{
		transform:translateY(5%);opacity:1

	}
	66%{
		transform:translateY(0%);opacity:1

	}
	100%{
		transform:translateY(-5%);opacity:0.5
	}
}

.flexslider{ position:relative; height:480px; overflow:hidden;  z-index: 0;}

/*phone*/
@media only screen and (max-width: 1080px) {
	.flexslider{background:url(../images/banner/loading.gif) 50% no-repeat;}
}
/*pc*/
@media only screen  and (min-width: 1080px) {
	
}


.lampbreathslow{animation: breath 2s infinite ease-in-out alternate;-webkit-animation: breath 2s infinite ease-in-out alternate;-ms-animation: breath 2s infinite ease-in-out alternate;-moz-animation: breath 2s infinite ease-in-out alternate;}
.u-sfup{animation:sfup 2s linear infinite;-webkit-animation:sfup 2s linear infinite;-moz-animation:sfup 2s linear infinite;-ms-animation:sfup 2s linear infinite;}
.u-sfdown{animation:sfdown 2s linear infinite;-webkit-animation:sfdown 2s linear infinite;-moz-animation:sfdown 2s linear infinite;-ms-animation:sfdown 2s linear infinite;}



/*2020.8.20 add support  trust*/
.zzsfptup2020{position:absolute;display:inline-block;width: 220px;height: 260px;background: url(../images/banner/2020Immortal_up.png) no-repeat;right: 100px;top: 70px;}
.zzsfptdown2020{position:absolute;display:inline-block;width: 188px;height: 154px;background: url(../images/banner/2020Immortal_down.png) no-repeat;right:121px;top:216px;}
.u-sfup2020{animation:sfup2020 2s linear infinite;-webkit-animation:sfup2020 2s linear infinite;-moz-animation:sfup2020 2s linear infinite;-ms-animation:sfup2020 2s linear infinite;}
.u-sfdown2020{animation:sfdown2020 2s linear infinite;-webkit-animation:sfdown2020 2s linear infinite;-moz-animation:sfdown2020 2s linear infinite;-ms-animation:sfdown2020 2s linear infinite;}
@keyframes sfup2020{
	0%{transform:translateY(5%);}
	33%{transform:translateY(-5%);}
	66%{transform:translateY(0%);	}
	100%{transform:translateY(5%);}
}

@keyframes sfdown2020{
	0%{transform:translateY(-10%);opacity:0.5}
	33%{transform:translateY(5%);opacity:1	}
	66%{transform:translateY(0%);opacity:1}
	100%{transform:translateY(-10%);opacity:0.5}
}

